	<div class="wrap">

		<div id="icon-themes" class="icon32"></div>

		<h2>Kodax - <?php _e("Hooks Settings", "loc_canon"); ?></h2>

		<?php 
			//delete_option('canon_options_hooks');
			$canon_options_hooks = get_option('canon_options_hooks'); 

			//var_dump($canon_options_hooks);
		?>

		<br>
		
		<div class="options_wrapper canon-options">
		
			<div class="table_container">

				<form method="post" action="options.php" enctype="multipart/form-data">
					<?php settings_fields('group_canon_options_hooks'); ?>				<!-- very important to add these two functions as they mediate what wordpress generates automatically from the functions.php -->
					<?php do_settings_sections('handle_canon_options_hooks'); ?>		

					<?php submit_button(); ?>

				<!-- USE HOOKS-->

					<h3><?php _e("Hooks General", "loc_canon"); ?> <img src="<?php echo get_template_directory_uri() . '/img/help.png' ?>"></h3>

					<div class='help'>
						<?php 

							fw_option_help(array(
								'type'					=> 'standard',
								'title' 				=> __('Hooks in general', 'loc_canon'),
								'content' 				=> array(
									__('Hooks can be used to insert content different places on your homepage.', 'loc_canon'),
									__('Write (or copy/paste) your code in the HTML field and then use the CSS field to style your content.', 'loc_canon'),
								),
							)); 

							fw_option_help(array(
								'type'					=> 'standard',
								'title' 				=> __('Location', 'loc_canon'),
								'content' 				=> array(
									__('Each section header describes where your content will be displayed.', 'loc_canon'),
								),
							)); 

							fw_option_help(array(
								'type'					=> 'standard',
								'title' 				=> __('HTML', 'loc_canon'),
								'content' 				=> array(
									__('Write text or HTML here.', 'loc_canon'),
								),
							)); 

							fw_option_help(array(
								'type'					=> 'standard',
								'title' 				=> __('CSS', 'loc_canon'),
								'content' 				=> array(
									__('Write CSS. Do not include the &lt;style&gt; tags.', 'loc_canon'),
								),
							)); 

							fw_option_help(array(
								'type'					=> 'standard',
								'title' 				=> __('Disclaimer', 'loc_canon'),
								'content' 				=> array(
									__('Be aware that incorrect HTML code can break your page. Choose unique class/id names to avoid conflicts.', 'loc_canon'),
									__('It is advised you make use of namespaces: instead of class="myclass" use class="mynamespace_myclass".', 'loc_canon'),
								),
							)); 

						 ?>		

					</div>

					<table class='form-table'>

						<tr valign='top'>
							<td>
								<input type="hidden" name="canon_options_hooks[use_hooks]" value="unchecked" />
								<input class="checkbox" type="checkbox" id="use_hooks" name="canon_options_hooks[use_hooks]" value="checked" <?php checked($canon_options_hooks['use_hooks'] == "checked") ?>/> <?php _e("Use hooks", "loc_canon"); ?>?
							</td>
						</tr>


					</table>

				<!-- HOOK: BELOW SLIDER-->

					<h3><?php _e("Below slider", "loc_canon"); ?></h3>

					<table class='form-table'>

						<tr valign='top'>
							<td>
								<?php _e("HTML", "loc_canon"); ?>
								<textarea id='hook_html_below_slider' name='canon_options_hooks[hook_html_below_slider]' rows='15' cols='100'><?php if (isset($canon_options_hooks['hook_html_below_slider'])) echo htmlentities($canon_options_hooks['hook_html_below_slider']); ?></textarea>
							</td>
							<td>
								<?php _e("CSS", "loc_canon"); ?>
								<textarea id='hook_css_below_slider' name='canon_options_hooks[hook_css_below_slider]' rows='15' cols='100'><?php if (isset($canon_options_hooks['hook_css_below_slider'])) echo $canon_options_hooks['hook_css_below_slider']; ?></textarea>
							</td>
						</tr>

					</table>

				<!-- HOOK: BELOW FEATURES -->

					<h3><?php _e("Below features", "loc_canon"); ?></h3>

					<table class='form-table'>

						<tr valign='top'>
							<td>
								<?php _e("HTML", "loc_canon"); ?>
								<textarea id='hook_html_below_filter_menu' name='canon_options_hooks[hook_html_below_features]' rows='15' cols='100'><?php if (isset($canon_options_hooks['hook_html_below_features'])) echo htmlentities($canon_options_hooks['hook_html_below_features']); ?></textarea>
							</td>
							<td>
								<?php _e("CSS", "loc_canon"); ?>
								<textarea id='hook_css_below_features' name='canon_options_hooks[hook_css_below_features]' rows='15' cols='100'><?php if (isset($canon_options_hooks['hook_css_below_features'])) echo $canon_options_hooks['hook_css_below_features']; ?></textarea>
							</td>
						</tr>

					</table>


				<!-- HOOK: ABOVE FOOTER-->

					<h3><?php _e("Below quotes / above footer", "loc_canon"); ?></h3>

					<table class='form-table'>

						<tr valign='top'>
							<td>
								<?php _e("HTML", "loc_canon"); ?>
								<textarea id='hook_html_above_footer' name='canon_options_hooks[hook_html_above_footer]' rows='15' cols='100'><?php if (isset($canon_options_hooks['hook_html_above_footer'])) echo htmlentities($canon_options_hooks['hook_html_above_footer']); ?></textarea>
							</td>
							<td>
								<?php _e("CSS", "loc_canon"); ?>
								<textarea id='hook_css_above_footer' name='canon_options_hooks[hook_css_above_footer]' rows='15' cols='100'><?php if (isset($canon_options_hooks['hook_css_above_footer'])) echo $canon_options_hooks['hook_css_above_footer']; ?></textarea>
							</td>
						</tr>

					</table>

					<?php submit_button(); ?>

				</form>
			</div> <!-- end table container -->	

	
		</div>

	</div>

